import { reactive } from "vue"
import { IGlobalState } from "./types"
export const rawDarkTheme = {
    bgColor0: "#3B3F48", // 背景色0
    textColor0: "#EEEEEE", // 文字颜色0
    linkActiveBgColor: "#12B7F5" // 链接激活颜色
}
export const rawHighlightTheme = {
    bgColor0: "#F5F5F5", // 背景色0
    textColor0: "#333333", // 文字颜色0
    linkActiveBgColor: "#12B7F5" // 链接激活颜色
}

export default reactive<IGlobalState>({
    // 黑色系主题色
    darkTheme: {
        bgColor0: "#3B3F48", // 背景色0
        textColor0: "#EEEEEE", // 文字颜色0
        linkActiveBgColor: "#12B7F5" // 链接激活颜色
    },
    highlightTheme: {
        bgColor0: "#F5F5F5", // 背景色0
        textColor0: "#333333", // 文字颜色0
        linkActiveBgColor: "#12B7F5" // 链接激活颜色
    },
    adminTheme: {
        asideBgColor: "#001529", // 背景色0
        mainBgColor:'#F5F7F9',
        textColor0: "#EEEEEE", // 文字颜色0
        linkActiveBgColor: "#409EFF" // 链接激活颜色
    },
    cookiesTokenName: "bishe-token", // cookies中token的名字
})
